<?php
header("Content-type:text/html;charset=utf-8");
include_once 'commonDB.php';
	?>
	
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/Hello.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<title>Hello编程</title>
	</head>

	<body>
		<div id="wrap">
			<div id="navigation">
				<!--让导航居中-->
				<div id="nav">
					<!--导航logo-->
					<div id="nav_log" class="nav_log">
						<a id="navloga" href="putou.php"><img class="nav_log_img" src="img/nav_logo.gif" /></a>
					</div>
					<div id="nav_junp" class="nav_jump">
						<!--首页-->
						<div><a id="first" href="putou.php">首页</a></div>
						<!--葡萄产品-->
						<div><a id="grapes" href="###">葡萄产品</a></div>
						<!--葡萄纬度-->
						<div><a id="latitude" href="latitude.php">葡萄纬度</a></div>
						<!--APP下载-->
						<div><a id="APPdownload" href="APP.php">APP下载</a></div>
						<!--嘉年华-->
						<div><a id="carnival" href="JNH.php">嘉年华</a></div>
					</div>
					<div id="nav_load" class="nav_load">
						<!--登陆-->
						<div><a id="load" href="denglu.php">登陆</a></div>
						<!--注册-->
						<div><a id="registered" href="zhuce2.php">注册</a></div>
					</div>
				</div>
			</div>
			<!--隐藏-->
			<div id="grapes_hover">
				<div id="keepout">
					<?php
                         $sql = "select * from putao_chanpin order by id desc limit 6";
                         $result = mysql_query($sql);
                       while ($row =mysql_fetch_assoc($result)) {
                       ?>
                       <div><a href="<?php echo $row["href"]; ?>"><img src="<?php echo $row["scr"]; ?>"/><?php echo $row["txt"]; ?></a></div>
                    
                       <?php } ?>
				</div>
			</div>
			<!--悬停栏-->
			<div id="hover">
				<div class="hoverbody">
					<h4>
						<a href="###">Hello编程</a>
					</h4>
					<a href="###">
						<span>立即购买</span>
					</a>
					<div class="hovernav">
						<a href="">概述</a>
					</div>
				</div>
			</div>
			<div id="content">
				<div class="contentp page1">
					<a href="https://itunes.apple.com/us/app/hello-bian-cheng/id1071378496?l=zh&ls=1&mt=8"></a>
				</div>
				<div class="contentp page2">
					<div class="video-cont-show"></div>
					<div id="video">
						<object type="application/x-shockwave-flash" data="http://static.youku.com/v1.0.0634/v/swf/loader.swf?VideoIDS=XMTQ1MzIzNjc4NA%3D%3D&isShowRelatedVideo=false&winType=BDskin&embedid=MTgyLjIwMS4xNzMuMTECMzYzMzA5MTk2AgI%3D&wd=&partnerid=5c30db50b42ae8c4&vext=pid%3D5c30db50b42ae8c4%26emb%3DMTgyLjIwMS4xNzMuMTECMzYzMzA5MTk2AgI%3D%26bc%3D%26cna%3DKTz1D1smQgYCAbbJrQWGkZB1%26type%3D0%26embsig%3D1_1467376795_8c82f26798e8f5a42973e67d3313e58f"
							width="100%" height="100%">
							<param name="allowFullScreen" value="true">
							<param name="allowScriptAccess" value="always">
							<param name="movie" value="http://static.youku.com/v1.0.0634/v/swf/loader.swf?VideoIDS=XMTQ1MzIzNjc4NA%3D%3D&isShowRelatedVideo=false&winType=BDskin&embedid=MTgyLjIwMS4xNzMuMTECMzYzMzA5MTk2AgI%3D&wd=&partnerid=5c30db50b42ae8c4&vext=pid%3D5c30db50b42ae8c4%26emb%3DMTgyLjIwMS4xNzMuMTECMzYzMzA5MTk2AgI%3D%26bc%3D%26cna%3DKTz1D1smQgYCAbbJrQWGkZB1%26type%3D0%26embsig%3D1_1467376795_8c82f26798e8f5a42973e67d3313e58f">
							<param name="flashvars" value="imglogo=&amp;paid=0&amp;partnerId=5c30db50b42ae8c4&amp;styleid=0">
						</object>
					</div>
					<img src="http://static.putaocdn.com/store/front/images/hellobc/player_bg.jpg" alt="" />
				</div>
				<div class="contentp page3"></div>
				<div class="contentp page4"></div>
				<div class="contentp page5"></div>
				<div class="contentp page6"></div>
				<div class="contentp page7"></div>
				<div class="contentp page8"></div>
				<div class="contentp page9">
					<a href="https://itunes.apple.com/us/app/pu-tao-wei-du/id1067487375?l=zh&ls=1&mt=8"></a>
				</div>
				<div class="contentp page10"></div>
				<div class="contentp page11"></div>
				<div class="contentp page12"></div>
				<div class="contentp page13">
					<a href="Hello.php"></a>
					<a href="word.php"></a>
					<a href="maisisi.php"></a>
					<a href="TSH.php"></a>
				</div>

			</div>
			<div id="abyejiaoly">
				<footer>
					<div id="footer_left"></div>
					<div id="footer_middle">
						<div>
							<h4>订单中心</h4>
							<a href="###">售后政策</a>
							<a href="###">配送常见问题</a>
							<a href="###">支付方式</a>
							<a href="###">支付常见问题</a>
							<a href="###">购物指南</a>
						</div>
						<div>
							<h4>服务支持</h4>
							<a href="###">配送方式</a>
							<a href="###">隐私政策</a>
							<a href="###">账户常见问题</a>
							<a href="###">淘淘向右走常见问题</a>
							<a href="###">班德瑞使用常见问题</a>
						</div>
						<div>
							<h4>商务合作</h4>
							<a href="###">商务合作</a>
						</div>
						<div>
							<h4>关于葡萄</h4>
							<a href="###">关于葡萄</a>
							<a href="###">联系我们</a>
						</div>
						<div>
							<h4>关于我们</h4>
							<a href="###">葡萄纬度</a>
						</div>
					</div>
					<div id="footer_right">
						<a href="###"><img src="img/btn_consult_qq@2x.png" /></a>
						<a href="###"><h2>400-651-6161</h2></a>
					</div>
					<h6>Copyright © 2016, Shanghai Putao Technology Co., Ltd. All Rights Reserved. 上海葡萄纬度科技有限公司</h6>
					<a href="###">沪IC备15015904号-3</a>
				</footer>
			</div>

		</div>
	</body>
	<script src="js/Hello.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".video-cont-show").click(function() {
			$(this).css('display', 'none');
			$(".page2>img").css('display', 'none');
			$("#video").css('display', 'block');
		})
		var hoveroffH = $("#hover").offset().top;
		$(window).scroll(function() {
			var bodyrollT = $("body").scrollTop();
			if (bodyrollT >= hoveroffH) {
				$("#hover").css('position','fixed');
				$("#hover").css('top','0');
				$("#hover").css('opacity','.9');
			}else{
				$("#hover").css('position','');
				$("#hover").css('top','');
				$("#hover").css('opacity','');
			}
  		});
	</script>

</html>